@charset "UTF-8";

a:hover {
	cursor:pointer ;
}
.home{
	width: 80%;
	margin: 30px auto;	
}
.book{
	width: 14%;
	height: 300px;
	border: 1px solid white;
	float: left;
	margin-left: 5%;
	margin-bottom: 30px;
}
.top{
	height: 240px;
	margin-bottom: 10px;
}
.book p{
	font-family: '楷体';
	font-size: 16px;
	margin-left: 5px;
}
.btn{
	height: 240px;
	width: 100%;
	opacity: 0;
	font-family: '楷体';
	text-align:center;
	margin-top: -290px;
}
.btn:hover {
	background: #99FFCC;
	opacity: 0.8;
	cursor:pointer ;
	transition: opacity 0.5s;
}
.book:hover{
	border: 1px solid #9900CC;
	background: #F8F8F8;
 		box-shadow: 0 18px 36px #c8ecf8;
  	  	-webkit-transition: all .4s ease;
 	-moz-transition: all .4s ease;
  	-ms-transition: all .4s ease;
  	-o-transition: all .4s ease;
  	transition: all .4s ease;
}
